<template>
    <div class="loginye">
        <img src="../../static/background.jpg">
        <div class="loginForm">
            <el-form label-position="left" label-width="80px" :model="formLabelAlign">
                <el-form-item label="用户名">
                    <el-input v-model="formLabelAlign.name"></el-input>
                </el-form-item>
                <el-form-item label="密码">
                    <el-input v-model="formLabelAlign.region"></el-input>
                </el-form-item>
            </el-form>
            <el-button type="primary" style="width:100%;height:50px">登录</el-button>
        </div>
    </div>
</template>

<script>
export default {
    data(){
        return{
            formLabelAlign: {
                name: '',
                region: '',
                type: ''
            }
        }
    }
}
</script>

<style lang="scss">
    html,body{
        width: 100%;
        height: 100%;
    }
    .loginye{
        width: 100%;
        height: 100%;
        img{
            width: 500px;
            height: 500px;
            position: fixed;
            left: 10%;
            top: 50%;
            margin-top: -250px;
        }
        .loginForm{
            width: 40%;
            height: 300px;
            position: fixed;
            right: 0;
            top: 50%;
            margin-top: -150px;
        }
    }
</style>